<template>
    <div class="contaent">
        <p
            class="content-logo"
            :class="elite ? 'content-size-logo' : ''"

        />
        <p
            class="content-title"
            :class="elite ? 'content-size' : ''"
        > {{ title }} </p>
    </div>
</template>
<script>
export default {
    name: 'ShopHead',
    // eslint-disable-next-line vue/require-prop-types
    props: ['title','elite']
};
</script>

<style lang="less" scoped>
    .contaent {
        width: 100%;
        height: 22px;
        margin: 15px 0 15px 0;
        display: flex;
        align-items: center;
        .content-logo {
            width: 3px;
            height: 15px;
            background: #20A0FF;
            margin-right: 5px;
            margin-top: -2px;
        }
        .content-size-logo {
            height: 20px;
        }
        .content-title {
            color: #1D2023;
            font-size: 16px;
            font-weight: 500;
            height: 22px;
            line-height: 22px;
        }
        .content-size {
            font-size: 20px;
        }
    }
</style>